import { StyleSheet } from 'react-native';
import { APP_BLACK, APP_BLUE } from '../../constant/color';
import { phonePx } from '../../util/adapt';

const ALERT_WIDTH = phonePx(280);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#FFE874'
  },
  title: {
    alignSelf: 'center',
    width: ALERT_WIDTH - phonePx(40),
    height: phonePx(51),
    alignItems: 'center'
  },
  onlyTitle: {
    justifyContent: 'center',
    height: phonePx(94)
  },
  titleDesc: {
    color: '#585D6D',
    fontSize: phonePx(16),
    marginTop: phonePx(20),
    fontWeight: '500'
  },
  onlyTitleDesc: {
    marginTop: 0
  },
  empty: {
    height: phonePx(6)
  },
  content: {
    paddingHorizontal: phonePx(20),
    paddingBottom: phonePx(15),
    alignItems: 'center'
  },
  contentDesc: {
    color: '#585D6D',
    fontSize: phonePx(12),
    lineHeight: phonePx(17)
  },
  loadButton: {
    flexDirection: 'row',
    borderTopColor: '#E8E8E8',
    borderTopWidth: 1,
    height: phonePx(49)
  },
  button: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'transparent',
    height: phonePx(49)
  },
  buttonDesc: {
    fontSize: phonePx(14),
    color: APP_BLACK,
    fontWeight: '500'
  },
  line: {
    width: 1,
    height: phonePx(48),
    backgroundColor: '#efefef'
  },
  sure: {
    color: APP_BLUE
  },
  close: {
    position: 'absolute',
    top: 0,
    right: 0,
    width: phonePx(32),
    height: phonePx(32),
    justifyContent: 'center',
    alignItems: 'center'
  },
  closeIcon: {
    width: phonePx(12),
    height: phonePx(12)
  }

});

export default styles;
